<template>
	<view class="body p40" style="background-image: url(/static/image/bg.jpg)">
		<view class="user-center line pb40 mb40 d-b-c mt40">
			<view class="d-s-c">
				<up-avatar size="120rpx"></up-avatar>
				<view class="right flex-1 ml40 d-s-s d-c">
					<view class="f38 fb vertical">黑马青年</view>
					<view class="tag f22 d-s-c mt20" @click="store.commit('jump','/pages/edit/edit')">
						<up-icon name="edit-pen" size="16"></up-icon>
						<text class="ml10">编辑资料</text>
					</view>
				</view>
			</view>
			<view class="f28 company vertical">庆余电力有限公司</view>
		</view>
		<view class="box p40 br30">
			<view class="top d-b-c">
				<text class="f32">最近任务</text>
				<view class="d-c-c sub f28">
					<text class="mr10" @click="store.commit('jump','/pages/plan/plan')">查看全部</text>
					<up-icon name="arrow-right"></up-icon>
				</view>
			</view>
			<view class="boxs br12 d-b-c mt20 p20" @click="store.commit('jump','/pages/task/detail')">
				<up-image width='60' height='60' src="/static/image/bg.jpg" mode='aspectFill' radius='10'></up-image>
				<view class="right flex-1 ml20">
					<view class="title vertical">8月10号整理会议记录+分发各个部门</view>
					<view class="sub f28 mt10">2页</view>
				</view>
			</view>
		</view>
		<view class="list mt60">
			<view class="item br12 bg-white d-b-c p20" @click="store.commit('jump','/pages/task/list')">
				<view class="d-s-c">
					<up-image width='25' height='25' src="/static/image/icon1.png" mode='aspectFill'></up-image>
					<view class="f30 ml10">本月出勤</view>
				</view>
				<up-icon name="arrow-right" size="15" color="#999"></up-icon>
			</view>
			<view class="item br12 bg-white d-b-c p20 mt20" @click="store.commit('jump','/pages/uploads/uploads')">
				<view class="d-s-c">
					<up-image width='25' height='25' src="/static/image/icon2.png" mode='aspectFill'></up-image>
					<view class="f30 ml10">报销记录</view>
				</view>
				<up-icon name="arrow-right" size="15" color="#999"></up-icon>
			</view>
		</view>
	</view>
</template>
<script setup>
	import { reactive } from "vue";
	import { onLoad } from "@dcloudio/uni-app";
	import { useStore } from "vuex";
	import { test } from "@/uni_modules/uview-plus";
	const store = useStore();
	const data = reactive({});
</script>
<style scoped lang="scss">
	.tag {
		border: 1px solid #999;
		border-radius: 5rpx;
		padding: 2rpx 10rpx;
		color: #555;
	}
	.company{
		width: 250rpx;
	}
	.box {
		background-color: #f9fafe;
		box-shadow: 0 0 10rpx rgba(0, 0, 0, 0.05);
	}
	.boxs{
		background-color: #fff;
		box-shadow: 0 0 10rpx rgba(0, 0, 0, 0.05);
	}

	.register {
		color: $uni-color-primary;
	}
</style>